body{
	height:100%;
	width:900px;
	margin:0 auto;
	}
.header{
	width:900px;
	height:180px;
	margin:0 auto;
	background:#F60;
	position:relative;}
h1{
	list-style:none;
	font-size:36px;}
.image{
	width:80px;
	height:80px;
	border-radius:50%;
	position:absolute;
	top:50px;
	left:30px;
	background:#FFE957;}
.image > img{
    width:70px;
    height:70px;
    margin-left:5px;
    margin-top:2px;
    overflow:hidden;
}
.name{
	width:200px;
	height:80px;
	position:absolute;
	top:30px;
	left:150px;
	font-family: Cambria, "Raleway", "Arail";
	font-size:18px;
	line-height:20px;
	}
	<!--    身体  身体  身体  身体  身体  身体  身体  -->


.body{
	width:900px;
	height:1000px;	
}
.menu{
	width:900px;
	height:50px;
	background:#F90;;
	margin:-20px 0 0 0;}
.menu ul{
	list-style:none;
	}
a{
	display:block;
	padding:15px 30PX 15PX 20PX;
	color:#FFF;
	text-decoration:none;
	}
a:hover{
	display:block;
	background:#F30;
	color:#000;
	}

.menu ul li{	
	float:left;
	font-size:18px;
	
	text-align:center;
	line-height:20px;
	height:20px;
	color:#FFF;
	display:block;
	
	}

.fabiao{
	width:900px;
	height:800px;
	margin:-16px auto;
	position:relative;background:#CCC;}
.biaoti{
	width:800px;
	height:80px;
	position:absolute;
	left:50px;
	top:30px;
	position:relative;
	border-bottom:1px #000000 solid;
	}
.infor{
	position:absolute;
	left:83px;
	top:32px;
	}
.input{
	width:250px;
	height:25px;
	border:2px solid;
	color:#000;
	border-radius:5px;
	transition:padding .25s;
	}
.infor input:focus{
	border-color:#c00;
    padding-right:200px;}
	
.information{
	width:800px;
	height:400px;
	position:absolute;
	left:50px;
	top:50px;
	position:relative;
	border-bottom:1px #000000 solid;}
.text{
	font-size:18px;
	line-height:28px;
	color:#000;
	width:400px;
    height:300px;
	color:#000;
	border:2px solid #000;
	border-radius:5px;
    overflow-y:visible;
    min-height: 200px; 
    max-height: 800px;
	transition:padding .25s;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only;
}
.text:focus{
	border-color:#c00;
    width:800px;
    overflow-y:; 
}

.nice{
	position:absolute;
	top:500px;
	left:50px;}
.fire{
	width:500px;
	height:100px;
	position:absolute;
	left:50px;
	top:100px;
	position:relative;
	border-radius:5px;
	border:2px #000000 solid;
	border-bottom:1px #000000 solid;}
.image-file{
	padding:20px;
	}
.tishi{
	position:absolute;
	top:20px;
	right:20px;
	background:#FFF;
	border-radius:5px;
	border:1px #000000 solid;}
.finish{
	width:800px;
	height:100px;
	position:absolute;
	top:130px;
	left:50px;
	position:relative;}
	
.button-fabiao{
	list-style:none;
	position:absolute;
	left:200px;
	top:20px;
	background:#F90;
	width:100px;
	height:30px;}
.button-baocun{
	list-style:none;
	position:absolute;
	left:350px;
	top:20px;
	background:#F90;
	width:100px;
	height:30px;}	
.button-de{
	list-style:none;
	position:absolute;
	left:500px;
	top:20px;
	background:#F90;
	width:100px;
	height:30px;}	
	
.footer{
	width:900px;
	height:150px;
	text-align:center;
	line-height:150px;
	background:#F90;}
.areatext{
    width: 400px; 
    min-height: 120px; 
    max-height: 800px;
    _height: 120px; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 3px; 
    outline: 0; 
    border: 1px solid #a0b3d6; 
    font-size: 12px; 
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-user-modify: read-write-plaintext-only;
}	
	
	
	
	
	
	
	
	
	
	
	